<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="www.yanshisan.cn" />
    <meta name="robots" content="all" />
    <title>程序猿小龙&博客</title>
    <link rel="stylesheet" href="../blog/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../blog/layui/css/layui.css" />
    <link rel="stylesheet" href="../blog/css/master.css" />
    <link rel="stylesheet" href="../blog/css/gloable.css" />
    <link rel="stylesheet" href="../blog/css/nprogress.css" />
    <link rel="stylesheet" href="../blog/css/timeline.css" />
</head>
<body>
    <div class="header">
    </div>
    <header class="gird-header">
        <div class="header-fixed">
            <div class="header-inner">
                <a href="javascript:void(0)" class="header-logo" id="logo">CodeLong</a>
                <nav class="nav" id="nav">
                    <ul>
                        <li><a href="/index">首页</a></li>
                        <li><a href="/article">博客</a></li>
                        <li><a href="/message">留言</a></li>
                        <li><a href="/diary">日志</a></li>
                    </ul>
                </nav>
                <div class="blog-user" id="wego" style="display: none">
                    <img style="width: 40px; height: 40px;padding:10px;" id="wechat-imgurl">
                </div>
                <div class="blog-user">
                    <i class="fa fa-wechat" id="wechat" ></i>
                </div>
                <a class="phone-menu">
                    <i></i>
                    <i></i>
                    <i></i>
                </a>
            </div>
        </div>
    </header>
    <div class="doc-container" id="doc-container">
         <div class="container-fixed">
            <div class="timeline-box shadow">
                <div class="timeline-main">
                    <h1><i class="fa fa-clock-o"></i>日记</h1>
                    <div class="timeline-line"></div>
                        <div class="timeline-year">
                            <h2><a class="yearToggle">2020 年</a><i class="fa fa-caret-down fa-fw"></i></h2>
                            <div class="timeline-month">
                                <ul id="diarysection">
                                </ul>
                            </div>
                        </div>
                    <h1 style="padding-top:4px;padding-bottom:2px;margin-top:40px;"><i class="fa fa-hourglass-end"></i>THE END</h1>
                </div>
            </div>
        </div>
    </div>
    <footer class="grid-footer">
        <div class="footer-fixed">
            <div class="copyright">
                <div class="info">
                    <p class="mt05">
                        Copyright &copy; 2020 程序猿小龙
                    </p>
                </div>
            </div>
        </div>
    </footer>
    <script src="../blog/layui/layui.js"></script>
    <script src="../blog/js/yss/gloable.js"></script>
    <script src="../blog/js/plugins/nprogress.js"></script>
    <script>NProgress.start();</script>
    <script src="../blog/js/pagediary.js"></script>
    <script th:inline="javascript">
        window.onload = function () {
            NProgress.done();
        };
        layui.use('jquery',function () {
            var $=layui.$;
            $.get("/finddiary",function (data){
                console.log(data.data);
                for(var i=0;i<data.data.length;i++){
                    var str="<li><div class=\"h4 animated fadeInLeft\"> <p class=\"date\">"+data.data[i].month+"月"+data.data[i].day+"日</p> </div> <p class=\"dot-circle animated \"><i class=\"fa fa-dot-circle-o\"></i></p> <div class=\"content animated fadeInRight\">"+data.data[i].logDescribe+"</div> <div class=\"clear\"></div></li>";
                    var link=$(str);
                    $("#diarysection").append(link);
                }
            },"json");
            if([[${wximage}]]!=null){
                $("#wechat").hide();
                $("#wego").show();
                $("#wechat-imgurl").attr("src",[[${wximage}]]);
            }
            $("#wechat-imgurl").click(function () {
                $("#wechat-imgurl").hide();
                $("#wechat").show();
                $.get("/wechat/invalidate");
            });
            $("#wechat").click(function () {
                window.location.replace("/wechat/attestation");
            });
        })
    </script>
</body>
</html>
